<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <meta name="keywords" content="质慧民生|APP上线活动！">
    <meta name="description" content="质慧民生|APP上线活动参与分享下载安装赢话费！">
    <title>邀请好友赢大奖</title>
    <link href="app2017_6.css" rel="stylesheet">
</head>
<body>
    <div class="Explain">
        <ul>
            <li>
            邀请好友注册「质惠民生App」，好友完成注册后，你可获得1.99元话费。
            </li>
            <li>
            邀请好友越多，获得的奖励越多。
            </li>
            <li>
            活动流程：注册并登录App—点击首页“活动专题页”— 分享专题页
            </li>
        </ul>
    </div>
    <div class="btnBox">
        <input type="button" id="Explainope" class="btn1" value="活动细则">
        <input type="button" class="btn2" value="邀请好友">
    </div>
    <div class="state">
        尚未成功邀请好友，立即分享吧 →【邀请好友】
    </div>
    <div class="maxExplainBox">
        <div class="maxExplain">
            <div class="maxExplainTil">
                <div id="Explaincls"></div>
            </div>
            <ul>
                <li>
                    注册用户登录App后，将此活动专题页分享给好友，好友注册App后，分享人即可获得1.99元话费奖励。
                </li>
                <li>
                    话费奖励可累计，邀请好友越多，奖励越多，话费金额无上限。
                </li>
                <li>
                    分享的对象仅限新注册用户，多次重复注册不计入分享次数，每个手机号码、每台终端设备仅统计一次。
                </li>
                <li>
                    本活动的最终解释权归质惠民生所有。
                </li>
            </ul>
        </div>
    </div>
<script type="text/javascript" src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">
    $(function(){
        document.body.addEventListener('touchstart', function () {
        });
        document.body.addEventListener('touchmove', function (e) {
            e.preventDefault();
        });
        $('#Explainope').on('click', function () {
            $('.maxExplainBox').show()
        })
        $('#Explaincls').on('click', function () {
            $('.maxExplainBox').hide()
        })
    })
</script>
</body>
</html>